<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<div th:replace="~{fragment/headFragment :: head}"></div>
<body class="cbp-spmenu-push modal-open">
<div class="main-content">
	<div th:replace="~{fragment/left-border :: left}"></div>

	<div th:replace="~{fragment/header :: header}"></div>
		<div id="page-wrapper">
			<div class="main-page">
				<div class="tables">
					<h3 class="title1" th:text="${gd}">Tables</h3>
					<div class="bs-example widget-shadow" data-example-id="bordered-table"> 
<!--						<h4>Bordered Basic Table:</h4>-->
						<div class="search-box" style="margin-bottom:2em;" th:fragment="search-box">
							<form class="input" action="/workOrder/chuangjian" method="get">
								<input class="sb-search-input input__field--madoka" placeholder="Search..." type="search" id="input-31" name="value" th:value="${#request.getParameter('value')}"/>
								<label class="input__label" for="input-31">
									<input type="text" name="current" value="1" style="display: none">
									<input type="text" name="size" value="5" style="display: none">

									<svg class="graphic" width="100%" height="100%" viewBox="0 0 404 77" preserveAspectRatio="none">
										<path d="m0,0l404,0l0,77l-404,0l0,-77z"/>
									</svg>
								</label>
								<input type="submit" value="提交" style="display: none">
							</form>
						</div><!--//end-search-box-->
						<table class="table table-bordered">
							<thead>
							<tr>
								<th>工单id</th>
								<th>工单类型</th>
								<th>工单标题</th>
<!--								<th>orderDesc</th>-->
<!--								<th>attachment</th>-->
<!--								<th>cclist</th>-->
								<th>优先级</th>
								<th>状态</th>
<!--								<th>customerServiceGroupId</th>-->
								<th>客服姓名</th>
								<th>客户姓名</th>
<!--								<th>channel</th>-->
								<th>更新时间</th>
								<th>创建时间</th>
								<th>操作</th>
							</tr>
							</thead>
							<tbody>
							<tr th:each="w : ${list}">
								<td th:text="${w.id}"></td>
								<td th:text="${w.worktype}">Otto</td>
								<td th:text="${w.title}">@mdo</td>
<!--								<td th:text="${w.orderdesc}"></td>-->
<!--																<td th:text="${w.attachments}"></td>-->
<!--																<td th:text="${w.cclist}"></td>-->
								<td th:text="${w.priority}"></td>
								<td th:text="${w.state}"></td>
								<!--								<td th:text="${w.customerservicegroupid}"></td>-->
								<td th:text="${w.customerservicename}"></td>
								<td th:text="${w.customername}"></td>
								<!--								<td th:text="${w.channel}"></td>-->
								<td th:text="${w.updatetime}"></td>
								<td th:text="${w.createtime}"></td>
								<td><a th:href="@{/workOrder/detail(id=${w.id})}">查看详情</a></td>
							</tr>
							</tbody>
						</table>
						<ul class="pagination pagination-lg">
							<!--                     th:class="${#request.getParameter('current')==i}"    -->
							<li><a th:href="@{/workOrder/chuangjian(value=${#request.getParameter('value')},current=${#request.getParameter('current')}-1,size=5)}" aria-label="Previous"><span aria-hidden="true">«</span></a></li>
							<li th:classappend="${(#request.getParameter('current') eq #strings.concat(i))?'active':''}" th:each="i:${#numbers.sequence(1,pagesCount)}"><a th:href="@{/workOrder/chuangjian(value=${#request.getParameter('value')},current=${i},size=5)}" th:text="${i}"></a></li>
							<li><a th:href="@{/workOrder/chuangjian(value=${#request.getParameter('value')},current=${#request.getParameter('current')}+1,size=5)}" aria-label="Next"><span aria-hidden="true">»</span></a></li>
						</ul>

					</div>
<!--					<div class="bs-example widget-shadow" data-example-id="hoverable-table"> -->
<!--						<h4>Hover Rows Table:</h4>-->
<!--						<table class="table table-hover"> <thead> <tr> <th>#</th> <th>First Name</th> <th>Last Name</th> <th>Username</th> </tr> </thead> <tbody> <tr> <th scope="row">1</th> <td>Mark</td> <td>Otto</td> <td>@mdo</td> </tr> <tr> <th scope="row">2</th> <td>Jacob</td> <td>Thornton</td> <td>@fat</td> </tr> <tr> <th scope="row">3</th> <td>Larry</td> <td>the Bird</td> <td>@twitter</td> </tr> </tbody> </table>-->
<!--					</div>-->
<!--					<div class="bs-example widget-shadow" data-example-id="contextual-table"> -->
<!--						<h4>Colored Rows Table:</h4>-->
<!--						<table class="table"> <thead> <tr> <th>#</th> <th>Column heading</th> <th>Column heading</th> <th>Column heading</th> </tr> </thead> <tbody> <tr class="active"> <th scope="row">1</th> <td>Column content</td> <td>Column content</td> <td>Column content</td> </tr> <tr> <th scope="row">2</th> <td>Column content</td> <td>Column content</td> <td>Column content</td> </tr> <tr class="success"> <th scope="row">3</th> <td>Column content</td> <td>Column content</td> <td>Column content</td> </tr> <tr> <th scope="row">4</th> <td>Column content</td> <td>Column content</td> <td>Column content</td> </tr> <tr class="info"> <th scope="row">5</th> <td>Column content</td> <td>Column content</td> <td>Column content</td> </tr> <tr> <th scope="row">6</th> <td>Column content</td> <td>Column content</td> <td>Column content</td> </tr> <tr class="warning"> <th scope="row">7</th> <td>Column content</td> <td>Column content</td> <td>Column content</td> </tr> <tr> <th scope="row">8</th> <td>Column content</td> <td>Column content</td> <td>Column content</td> </tr> <tr class="danger"> <th scope="row">9</th> <td>Column content</td> <td>Column content</td> <td>Column content</td> </tr> </tbody> </table> -->
<!--					</div>-->
<!--					<div class="table-responsive bs-example widget-shadow">-->
<!--						<h4>Responsive Table:</h4>-->
<!--						<table class="table table-bordered"> <thead> <tr> <th>#</th> <th>Table heading</th> <th>Table heading</th> <th>Table heading</th> <th>Table heading</th> <th>Table heading</th> <th>Table heading</th> </tr> </thead> <tbody> <tr> <th scope="row">1</th> <td>Table cell</td> <td>Table cell</td> <td>Table cell</td> <td>Table cell</td> <td>Table cell</td> <td>Table cell</td> </tr> <tr> <th scope="row">2</th> <td>Table cell</td> <td>Table cell</td> <td>Table cell</td> <td>Table cell</td> <td>Table cell</td> <td>Table cell</td> </tr> <tr> <th scope="row">3</th> <td>Table cell</td> <td>Table cell</td> <td>Table cell</td> <td>Table cell</td> <td>Table cell</td> <td>Table cell</td> </tr> </tbody> </table> -->
<!--					</div>-->
				</div>
			</div>
		</div>
		<!--footer-->
<!--		<div class="footer">-->
<!--		   <p>Copyright &copy; 2017.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>-->
<!--		</div>-->
        <!--//footer-->
	</div>
	<!-- Classie -->
		<script src="js/classie.js"></script>
		<script>
			var menuLeft = document.getElementById( 'cbp-spmenu-s1' ),
				showLeftPush = document.getElementById( 'showLeftPush' ),
				body = document.body;
				
			showLeftPush.onclick = function() {
				classie.toggle( this, 'active' );
				classie.toggle( body, 'cbp-spmenu-push-toright' );
				classie.toggle( menuLeft, 'cbp-spmenu-open' );
				disableOther( 'showLeftPush' );
			};
			
			function disableOther( button ) {
				if( button !== 'showLeftPush' ) {
					classie.toggle( showLeftPush, 'disabled' );
				}
			}
		</script>
	<!--scrolling js-->
	<script src="js/jquery.nicescroll.js"></script>
	<script src="js/scripts.js"></script>
	<!--//scrolling js-->
	<!-- Bootstrap Core JavaScript -->
	<script src="js/bootstrap.js"> </script>
</body>
</html>